import Taro, { Component } from '@tarojs/taro'
import { View } from '@tarojs/components'
import classNames from 'classnames'
import './index.scss'

export default class TitleTwo extends Component {
  props: any

  static options = {
    addGlobalClass: true
  }

  render() {
    const prefixCls = 'title-two'
    const { className } = this.props
    return (<View className={classNames(prefixCls, className)}>
      <View className={`${prefixCls}-dot ${prefixCls}-left`}/>
      <View className={`${prefixCls}-text`}>{this.props.children}</View>
      <View className={`${prefixCls}-dot ${prefixCls}-left ${prefixCls}-right`}/>
    </View>)
  }
}
